<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>宾光雄-个人简历</title>
<meta name="description" content="resume">
<meta name="author" content="resume">

<!-- Favicons
    ================================================== -->
<!-- <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> -->
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css"  href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<!-- <link href='http://fonts.googleapis.com/css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'> -->
<!-- <script type="text/javascript" src="js/modernizr.custom.js"></script> -->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

<!-- Header -->
<header id="header">
  <div class="intro">
    <div class="container">
      <div class="row">
        <div class="intro-text">
          <h1>前端工程师</h1>
          <p>爱生活，爱技术</p>
          <br/><br/>
        </div>
      </div>
    </div>
  </div>
</header>
<!-- Navigation -->
<div id="nav">
  <nav class="navbar navbar-custom">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> <i class="fa fa-bars"></i> </button>
        <a class="navbar-brand page-scroll" href="#page-top">宾光雄</a> </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
        <ul class="nav navbar-nav">
          <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
          <li class="hidden"> <a href="#page-top"></a> </li>
          <li> <a class="page-scroll" href="#about">基本信息</a> </li>
          <li> <a class="page-scroll" href="#skills">专业技能</a> </li>
          <li> <a class="page-scroll" href="#portfolio">作品展示</a> </li>
          <li> <a class="page-scroll" href="#resume">工作经验</a> </li>
          <li> <a class="page-scroll" href="#contact">联系方式</a> </li>
        </ul>
      </div>
    </div>
  </nav>
</div>
<!-- About Section -->
<div id="about">
  <div class="container">
    <div class="section-title text-center center">
      <h2>基本信息</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        <div class="about-text">
          <div class="row">
            <div class="col-xs-7">
              姓    名：宾光雄
            </div>
            <div class="col-xs-5 ">
              年龄：27
            </div>
          </div>
          <div class="row">
            <div class="col-xs-7">
              <p>毕业院校：湖南农业大学 </p> 
            </div>
            <div class="col-xs-5 ">
              <p>专业：应用化学</p>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-7">
               政治面貌：党员
            </div>
            <div class="col-xs-5 ">
              学历：本科
            </div>
          </div>
          <div class="row">
            <div class="col-xs-7">
               <p>联系电话：155-5721-1827</p> 
            </div>
            <div class="col-xs-5 ">
              <p>电子邮箱：849649461@qq.com</p>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-7">
                现居住地:  深圳市宝安区石岩镇
            </div>
            <div class="col-xs-5">
             
            </div>
          </div>
          <p>
            对前端编程很感兴趣，有较强的学习能力，能适应行业的要求和新技术的挑战；
            有较强的求知欲和学习能力。富有团队精神，能够相互协作和充分沟通。
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Skills Section -->
<div id="skills" class="text-center">
  <div class="container">
    <br><br>
    <div class="section-title center">
      <h2>专业技能</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="85"> <span class="percent">85</span> </span>
        <h4>HTML5</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="85"> <span class="percent">85</span> </span>
        <h4>CSS3</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="80"> <span class="percent">80</span> </span>
        <h4>Javascript</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="85"> <span class="percent">85</span> </span>
        <h4>jQuery</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="80"> <span class="percent">80</span> </span>
        <h4>Bootstrap</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="80"> <span class="percent">80</span> </span>
        <h4>Angularjs</h4>
      </div>
      
    </div>
  </div>
</div>
<!-- Portfolio Section -->
<div id="portfolio">
  <div class="container">
    <div class="section-title text-center center">
      <h2>作品展示</h2>
      <hr>
      <br/><br/>
    </div>
    <div class="categories">
      <ul class="cat">
        <li>
          <ol class="type">
            <li><a href="#" data-filter="*" class="active">所有</a></li>
            <li><a href="#" data-filter=".web">网页应用</a></li>
            <li><a href="#" data-filter=".branding">小游戏</a></li>
          </ol>
        </li>
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="row ">
      <div class="portfolio-items">
        <div class="col-sm-6 col-md-3 col-lg-3 branding">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/06-large.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>效果填充</h4>
              </div>
              <img src="img/portfolio/06-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/09-large.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Musicworld</h4>
                <small class="text-left">
                  1.用div + css 完成主体页面的的总体布局，用CSS3动画、JS、jquery完成网页动态效果设计；<br>
                  2.juery实现动态添加歌曲，通过监听audio事件完成播放器的歌曲播放效果;<br>
                  3.利用MySQL+Apache，使用Ajax异步请求，通过Json格式完成服务器端到客户端的数据传输。
                </small>
              </div>
              <img src="img/portfolio/09-small.jpg" class="img-responsive" alt="项目描述"> </a> </div>
          </div>
          <div class="text-center"><a href="http://binhsmy.oschina.io/music/musicworld/index.html"></a>点击查看页面</div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/08-large.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>效果填充</h4>
              </div>
              <img src="img/portfolio/08-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3  branding">
        <div class="portfolio-item">
          <div class="hover-bg"> <a href="img/portfolio/10-large.jpg" title="Project description" rel="prettyPhoto">
            <div class="hover-text">
              <h4>2048</h4>
              <small>
                游戏逻辑通过JS完成，页面数据交互用DOM、jQuery实现。<br/>
                难点：移动、叠加、结束。<br/>
                在完成基本功能的同时，额外加上了撤销以及修改功能。
              </small>
            </div>
            <img src="img/portfolio/10-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
        </div>
        <div class="text-center"><a href="https://everydayismay.github.io/2048/2048_1.html">点击查看页面</a></div>
      </div>
        <br/> <br/><br/><br/>
      </div>
    </div>
  </div>
</div>
<!-- Experience -->
<div id="resume" >
  <div class="container bin-font-size">
    <div class="section-title center">
      <br/><br/><br/>
      <h2 class="text-center">工作经验</h2>
      <hr>
    </div>

    <div class="row">
       <div class="col col-lg-4 col-md-6 col-xs-12" >
          <ul>
            <li>浙江点对点教育</li>
            <li>WEB前端开发</li>
            <li>2017.1 – 2017.4</li>
            <li>1.	利用Wex5完成公司所需的APP开发及网页制作。</li>
            <li>2.	使用git进行版本控制。</li>
          </ul>
       </div>

      <div class="col col-lg-4 col-md-6 col-xs-12">
        <ul>
          <li>浙江中公教育</li>
          <li>WEB前端开发</li>
          <li>2015.7 - 2016.7</li>
          <li>1.	利用DIV + CSS负责公司宣传页面开发制作，用JS、CSS3实现各种动画交互效果,实现主要功能。</li>
          <li>2.	对网页性能进行优化及 ,研究改善用户体验。</li>
          <li>3.	完善公司网页制作操作流程和建立相关代码编写规范。</li>
        </ul>
      </div>

      <div class="col col-lg-4 col-md-6 col-xs-12">
        <ul>
          <li>欧诗漫特种化妆品有限公司</li>
          <li>工艺研发工程师</li>
          <li>2013.6 - 2015.7</li>
          <li>1.	负责化妆品新配方稳定性测试，开发新配方工艺条件，组织新产品试生产。</li>
          <li>2.	制定生产相关标准操作规范，并根据实际生产情况进行修改。</li>
        </ul>
      </div>
    </div>

    <br><br><br><br><br><br><br><br><br><br>
  </div>
</div>
<!-- Contact Section -->
<div id="contact" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>联系方式</h2>
      <hr>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <div class="col-md-4"> <i class="fa fa-map-marker fa-2x"></i>
        <p>深圳市宝安区石岩镇<br>
          </p>
      </div>
      <div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i>
        <p>849649461@qq.com</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-phone fa-2x"></i>
        <p>155-5721-1827</p>
      </div>
      <div class="clearfix"></div>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <div class="social">
        <ul>
          <li><a href="#"><i class="fa fa-github"></i></a></li>
          <li><a href="#" title="849649461"><i class="fa fa-qq"></i></a></li>
          <li><a href="#"><i class="fa fa-cloud"></i></a></li>
        </ul>
      </div>
      <br><br><br><br><br><br><br><br>

    </div>
  </div>
</div>

<div id="footer">
  <div class="container text-center">
    <div class="fnav">
      <p>Copyright &copy; 2016  Designed by GuangXiong Bin</p>
    </div>
  </div>
</div>

<script type="text/javascript" src="js/jquery.1.11.1.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/SmoothScroll.js"></script> 
<script type="text/javascript" src="js/easypiechart.js"></script> 
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> 
<script type="text/javascript" src="js/jquery.isotope.js"></script> 
<script type="text/javascript" src="js/jquery.counterup.js"></script> 
<script type="text/javascript" src="js/waypoints.js"></script> 
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script> 
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>